<!DOCTYPE HTML>
<html>
<head>
<title>Inbox</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Shoppy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!--js-->
<script src="js/jquery-2.1.1.min.js"></script> 
<!--icons-css-->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!--Google Fonts-->
<link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,500,600' rel='stylesheet' type='text/css'>
<!--//skycons-icons-->
</head>
<body>	
<div class="page-container">	
   <div class="left-content">
	   <div class="mother-grid-inner">
            <!--header start here-->
				<div class="header-main">
					<div class="header-left">
							<div class="logo-name">
									 <a href="index.html"> <h1>DGUT</h1>
									<!--<img id="logo" src="" alt="Logo"/>--> 
								  </a> 								
							</div>
							<!--search-box-->
								<div class="search-box">
									<form>
										<input type="text" placeholder="Search..." required="">	
										<input type="submit" value="">					
									</form>
								</div><!--//end-search-box-->
							<div class="clearfix"> </div>
						 </div>
						 <div class="header-right">

							<!--notification menu end -->
							<div class="profile_details">		
								<ul>
									<li class="dropdown profile_details_drop">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
											<div class="profile_img">	
												<span class="prfil-img"><img src="images/p1.png" alt=""> </span> 
												<div class="user-name">
													<p>Malorum</p>
													<span>Administrator</span>
												</div>
												<i class="fa fa-angle-down lnr"></i>
												<i class="fa fa-angle-up lnr"></i>
												<div class="clearfix"></div>	
											</div>	
										</a>
										<ul class="dropdown-menu drp-mnu">
											<li> <a href="#"><i class="fa fa-cog"><input type="button" style="background-color: transparent;border: 0px;" data-id="<%=admin_no%>" data-toggle="modal" data-target="#myModalLabel" value=" 修改信息" /></i></a></li>
											<li> <a href="login.html"><i class="fa fa-sign-out"></i> 退出</a> </li>
										</ul>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>				
						</div>
				     <div class="clearfix"> </div>	
				</div>
	</div>
<!--heder end here-->
<!-- script-for sticky-nav -->
		<script>
		$(document).ready(function() {
			 var navoffeset=$(".header-main").offset().top;
			 $(window).scroll(function(){
				var scrollpos=$(window).scrollTop(); 
				if(scrollpos >=navoffeset){
					$(".header-main").addClass("fixed");
				}else{
					$(".header-main").removeClass("fixed");
				}
			 });
			 
		});
		</script>
		<!-- /script-for sticky-nav -->
<!--inner block start here-->
<div class="inner-block">
    <div class="inbox">
    	  <h2>E-mail</h2>
    	 <div class="col-md-4 compose" >
    	 	<div class="mail-profile">
    	 		<div class="mail-pic" style="margin: 0 auto">
    	 			<img src="images/b3.png" alt="" style="width: 150px;position: relative;left: 80%" >
    	 		</div>
    	 	    <div class="clearfix"> </div>
    	 	</div>
			 <div class="mail-profile" >
				 <div class="mailer-name" style="height:200px;margin-left:5px">
					 <h3 style="color: whitesmoke" >Malorum</h3>
					 <br/>
					 <h4 style="color: whitesmoke">malorum@gmail.com</h4>
				 </div>
				 <div class="clearfix"> </div>
			 </div>
    	 </div>

    	 <div class="col-md-8 mailbox-content  tab-content tab-content-in">
    	 	<div class="tab-pane active text-style" id="tab1">

	    	 	<div class="mailbox-border">
	               <div class="mail-toolbar clearfix">
				    <div class="float-right">
	                            <div class="btn-group">
	                                <a class="btn btn-default"><i class="fa fa-angle-left"></i></a>
	                                <a class="btn btn-default"><i class="fa fa-angle-right"></i></a>
	                            </div>	
	                       <div class="clearfix"> </div>		        
				    </div>
	               </div>
					<input type="button" class="btn btn-xs btn-info" data-toggle="modal" onclick="send()"  value="批量删除" style="width: 85px;height: 30px"/>
					<script language="javascript">
						function send() //声明标识符
						{
							if(confirm("你确定要删除吗？")){

							}

						}
					</script>
	                <table class="table tab-border">
	                    <tbody>
	                        <tr class="unread checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"> </i>
	                            </td>
	                            <td class="hidden-xs">
	                                Google
	                            </td>
	                            <td>
	                                Lorem Ipsum is simply
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="unread checked">
	                            <td class="hidden-xs">
	                            	<input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Consectetuer adipiscing elit
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="unread checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Adobe
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="unread checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Apple
	                            </td>
	                            <td>
	                                Hai Neha.How are You
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Microsoft
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Microsoft
	                            </td>
	                            <td>
	                                Lorem ipsum dolor sit amet
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Microsoft
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Microsoft
	                            </td>
	                            <td>
	                                Lorem Ipsum is simply
	                            </td>
	                            <td>
	                            </td>
	                            <td>
	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Microsoft
	                            </td>
	                            <td>
	                                Consectetuer adipiscing elit
	                            </td>
	                            <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Lorem ipsum dolor sit amet
	                            </td>
	                            <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Lorem ipsum dolor sit amet
	                            </td>
	                            <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Dropbox
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                           <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Twitter
	                            </td>
	                            <td>
	                                Consectetuer adipiscing elit
	                            </td>
	                            <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
									<i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Twitter
	                            </td>
	                            <td>
	                                Nemo enim ipsam voluptatem
	                            </td>
	                            <td>
	                            </td>
	                            <td>

	                            </td>
	                        </tr>
	                        <tr class="read checked">
	                            <td class="hidden-xs">
	                                <input type="checkbox" class="checkbox">
	                            </td>
	                            <td class="hidden-xs">
	                                <i class="fa fa-star icon-state-warning"></i>
	                            </td>
	                            <td class="hidden-xs">
	                                Twitter
	                            </td>
	                            <td>
	                                Lorem ipsum dolor sit amet
	                            </td>
	                            <td>

	                            </td>
	                            <td>

	                            </td>
	                        </tr>


	                    </tbody>
	                </table>
					<div style="position: relative; left: 450px;">
						<a href="/Product_servlet?page=1">首页</a>
						<a href="/Product_servlet?page=${page-1>1?page-1:1}">上一页</a>
						<a href="/Product_servlet?page=${page+1<totalPages?page+1:totalPages}">下一页</a>
						<a href="/Product_servlet?page=${totalPages}">尾页</a>
					</div>
	               </div>   
               </div>
            </div>
          <div class="clearfix"> </div>     
   </div>
</div>

</div>
	<div class="modal fade" id="myModalLabel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 900px">
				<form  id="change_form" enctype="multipart/form-data" method ="post" >
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">修改信息</h4>
					</div>
					<div class="modal-body">
						<div class="col-md-3">
							<div class="text-center">
								<img id="imgshow" src="http://placehold.it/150" class="avatar img-circle" style="width: 200px;height: 200px;" alt="avatar">
								<div class="input-group">
                            <span class="input-group-btn">
                                <span class="btn  btn-file" >
                                    <input type="file" id="lefile" name="product_file" onchange="previewFile()" style="display:none;">
                                    <input id="photoCover" class="form-control" type="text"  name="headfileTemp">
                                    <br>
                                    <br>
                                    <br>
                                    <a class="btn btn-info btn-sm showbtn" onclick="$('input[id=lefile]').click(); ">上传图片</a>
                                </span>
                            </span>
								</div>

							</div>
						</div>
						<div class="col-md-9">
							<div class="form-horizontal">
								<div class="form-group">
									<label for="admnumber" class="col-sm-2 control-label">学号:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admnumber" name="number" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" type="number">
									</div>
								</div>
								<div class="form-group">
									<label for="admname" class="col-sm-2 control-label">学生姓名:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admname" name="admin_name" type="text">
									</div>
								</div>
								<div class="form-group">
									<label for="admsex" class="col-sm-2 control-label">性别:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admsex" name="sex" type="text">
									</div>
								</div>
								<div class="form-group">
									<label for="admdata" class="col-sm-2 control-label">出生日期:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admdata" name="data"  type="date">
									</div>
								</div>
								<div class="form-group">
									<label for="admemail" class="col-sm-2 control-label">籍贯:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="adme" name="adme" type="text">
									</div>
								</div>
								<div class="form-group">
									<label for="admemail" class="col-sm-2 control-label">邮箱:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admemail" name="email" type="email">
									</div>
								</div>
								<div class="form-group">
									<label for="admphone" class="col-sm-2 control-label">手机号码:*</label>
									<div class="col-sm-10">
										<input class="form-control change_input" id="admphone" name="phone" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" type="number">
									</div>
								</div>
							</div>
						</div>

						<div class="modal-footer">
							<div class="center-block">
								<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

								<input class="btn btn-default mybutton1" value="保存" style="width:55px; display: inline;padding: 6px 12px; background-color: #5bc0de;"
									   onclick="return check()" type="submit">
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
<!--slider menu-->
    <div class="sidebar-menu">
		  	<div class="logo"> <a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="#"> <span id="logo" ></span> 
			      <!--<img id="logo" src="" alt="Logo"/>--> 
			  </a> </div>
		<div class="menu">
			<ul id="menu" >
				<li id="menu-home" ><a href="index.html"><i class="fa fa-tachometer"></i><span>首页</span></a></li>
				<li><a href="admin.html"><i class="fa fa-cogs"></i><span>账户维护</span></a></li>
				<li id="menu-comunicacao" ><a href="course.html"><i class="fa fa-book nav_icon"></i><span>课程管理</span></a></li>
				<li><a href="class.html"><i class="fa fa-map-marker"></i><span>班级管理</span></a></li>
				<li id="menu-academico" ><a href="info.html"><i class="fa fa-file-text"></i><span>我的账户</span></a></li>


				<li><a href="feedback.html"><i class="fa fa-envelope"></i><span>留言反馈</span></a></li>
				<li><a href="E-mail.html"><i class="fa fa-envelope"></i><span>我的信箱</span></a></li>

			</ul>
		</div>
	 </div>
	<div class="clearfix"> </div>
</div>
<!--slide bar menu end here-->
<script>
var toggle = true;
            
$(".sidebar-icon").click(function() {                
  if (toggle)
  {
    $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
    $("#menu span").css({"position":"absolute"});
  }
  else
  {
    $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
    setTimeout(function() {
      $("#menu span").css({"position":"relative"});
    }, 400);
  }               
                toggle = !toggle;
            });
</script>
<!--scrolling js-->
		<script src="js/jquery.nicescroll.js"></script>
		<script src="js/scripts.js"></script>
		<!--//scrolling js-->
<script src="js/bootstrap.js"> </script>
<!-- mother grid end here-->
</body>
</html>


                      
						
